﻿@media only screen and (max-width: 1620px) {
    .wp {
        width: 95%;
    }

    .m-pic1 {
        width: 500px;
    }

    .preview .swiper-slide {
        width: 101px;
    }
}

@media only screen and (max-width: 1540px) {
    .m-pic1 {
        width: 400px;
    }

    .preview .swiper-slide {
        width: 80px;
    }
}

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {

    /* .wp {
         width: 98%;
     } */
    /* 内页 */
    .g-titInfo {
        font-size: 22px;
    }

    .row-b1 .col-l {
        width: 238px;
    }

    .m-content br {
        display: none;
    }
    .m-pic1 {
        width: 300px;
    }

    .preview .swiper-slide {
        width: 80px;
    }
}

/*Common For Max 768*/
@media only screen and (max-width: 959px) {

    /* 内页 */
    .row-b1 {
        padding: 20px 0 0px;
    }

    .g-pages {
        margin: 10px 0;
    }

    .m_chanpin {
        margin-bottom: 20px;
    }

    .m-list3 {
        padding: 15px 0;
    }

    .ul-imgtxt2 li {
        width: 33.33%;
    }

    .m-message label em {
        display: block;
    }

    .g-titInfo {
        font-size: 18px;
    }

    .dbn {
        display: none;
    }

    .g-titIns1 {
        font-size: 18px;
    }

    .ul-txt-ins1 {
        margin-bottom: 15px;
    }

    .row-b1 .col-l {
        float: none;
        width: auto;
        display: none;
    }

    .row-b1 {
        padding: 0 0 36px;
    }

    .row-b1 .col-r {
        width: auto;
        margin-left: 0;
    }

    .ul-newslist {
        display: none;
    }

    .m-info {
        display: none;
    }

    .ban {
        height: 300px;
    }

    .m-message {
        margin: 20px auto 0;
    }

    .m-txt3 {
        display: none;
    }

    .ul-img li a p {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
    }

    .ul-img li:hover a p {
        background-color: #c80003;
        color: #fff;
    }
}

/*Common For Max 480*/
@media only screen and (max-width: 767px) {

    /* 内页 */
    .preview .swiper-slide {
        width: 33.33%;
    }

    .m-message label span {
        float: none;
    }

    .m-message label.code input {
        float: none;
    }

    .g-titInfo {
        font-size: 16px;
    }

    .m-message {
        margin: 30px auto 0;
    }

    .m-pic1 {
        float: none;
        width: auto;
        margin: 10px 0;
        overflow: hidden;
    }

    .view .swiper-slide .imgauto {
        height: 310px;
        line-height: 310px;
    }

    .yunu-showcase {
        margin-bottom: 5px;
    }

    .m-list1 {
        padding: 0px 0 20px;
    }

    .m-pic1-for .item {
        height: auto;
    }

    .m-content {
        margin: 10px 0 0;
    }

    .m-txt1 {
        padding-left: 0;
        margin-top: 20px;
    }

    .ul-txt2 {
        margin-bottom: 25px;
    }

    .ban {
        display: none;
        height: 0;
    }

    .g-cur {
        height: 30px;
        line-height: 30px;
    }

    .m-content p {
        margin-bottom: 10px;
    }

    .m-message label.mes span {
        position: relative;
        top: -55px;
        z-index: 3;
    }

    .m-message label.code input {
        width: 30% !important;
        margin-right: 10px;
    }

    .m-message label span {
        margin-right: 15px;
    }

    .m-message {
        width: 440px;
    }

    .m-message label span {
        margin-right: 15px;
    }

    .m-message {
        width: 440px;
    }

    .ul-newslist li .txt p {
        font-size: 12px;
        line-height: normal;
    }

    .ul-news1 li {
        float: none;
        width: auto;
    }

    .ul-news1 li .tit {
        margin: 0;
    }

    .ul-imgtxt2 li {
        width: 50%;
    }

    .ul-imgtxt-01 li a p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .ul-imgtxt-01 li {
        margin-top: 10px;
    }

    .ul-link2 li {
        margin-bottom: 10px;
    }

    .ul-newslist li {
        padding: 10px 0;
    }

    .ul-news1 li {
        margin-bottom: 0;
    }

    .top-1 .lang {
        padding-right: 10px;
    }

    .yunu-link {
        display: block;
    }

    .yunu-footer {
        margin-bottom: 50px;
    }

    .ul-imgtxt-2 li {
        width: 50%;
    }

    .ul-imgtxt-2 li a {
        margin: 0 5px;
    }

    .ul-imgtxt-2 {
        margin: 0 -5px;
    }

    .m-list03 .con .pic {
        height: auto;
        line-height: 1;
    }

    .btn-1 {
        padding-left: 90px;
    }

    /* 上一条下一条 */
    .pages li {
        float: none;
        width: auto;
    }

    .pages li:last-child {
        text-align: left;
    }

    /* 公共 手机底部菜单 */
    .h50 {
        display: block;
    }

    .ul-news-1 li .tit a {
        font-size: 14px;
    }

    .ul-news-1 li>span {
        font-size: 12px;
        line-height: 1.75;
    }

    .ul-news-1 li .txt {
        margin-top: 10px;
    }

    .ul-news-1 li .txt p {
        -webkit-line-clamp: 2;
    }

    .fl li {
        float: none;
        width: auto;
        padding: 15px 0;
    }

    .fl li span {
        margin-right: 5px;
    }

    .ul-news-1 li .tit h3 a>span {
        margin-right: 3px;
    }
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {

    /* 内页 */
    .m-message label.code img {
        width: 75px !important;
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
    }

    .m_chanpin {
        margin-bottom: 15px;
    }

    #message .m-content .m-message {
        width: 90%;
        padding: 20px;
        overflow-y: auto;

    }

    #message .m-content .m-message::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 5px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }

    #message .m-content .m-message::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        height: 12px;
        border-radius: 10px;
        background: #c4cbd1;
    }

    #message .m-content .m-message::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        border-radius: 10px;
        background: #f2f3f4;
    }

    .m-message {
        margin: 10px auto 0;
    }

    .m-message label span {
        display: block;
    }

    .m-message label input.inp,
    .m-message label textarea,
    .m-message label.code input {
        width: 96%;
    }

    .m-message label {
        margin-bottom: 10px;
    }

    .m-message label.mes span {
        top: 0;
    }

    .m-message label.code span {
        display: inline-block;
    }

    .btn-1 {
        padding-left: 78px;
    }

    .row-b1 {
        padding: 10px 0 16px;
    }

    .m-txt1 .txt {
        margin-right: 0;
    }

    .m-txt2 {
        margin-top: 12px;
    }

    .m-txt1 .txt {
        padding-bottom: 10px;
    }

    .m-txt1 .txt p {
        margin-bottom: 0;
    }

    .m-message {
        width: auto;
    }

    .m-message {
        width: auto;
    }

    .ul-newslist li {
        padding: 10px;
    }

    .ul-txt3 li {
        margin: 0;
    }

    .m-txt3 .desc {
        font-size: 12px;
        padding-left: 10px;
    }

    .m-txt3 .tabel {
        font-size: 12px;
    }

    .m_chanpin .desc {
        font-size: 12px;
        line-height: normal;
    }

    .m-list3 {
        padding: 10px 0 0px;
    }

    .ul-link2 li {
        margin-bottom: 10px;
    }

    .ul-news1 {
        margin: 0;
    }

    .ul-newslist li .tit .time {
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }

    .ul-newslist li .tit a {
        font-size: 15px;
        height: 30px;
        line-height: 30px;
    }

    .m-content .txt p {
        line-height: 24px;
    }

    .ul-img li a p {
        font-size: 13px;
    }

    .ul-news li .box .time {
        width: 52px;
        height: 52px;
    }

    .m-share a {
        width: 30px;
        height: 30px;
        margin-right: 8px;
    }

    .m-message label.code span {
        text-align: left;
        margin-right: 5px;
    }

    .ul-imgtxt-2 li {
        margin-top: 10px;
    }
}